<template>
<!-- 未提交投保单 -->
    <div>
        <policy-list v-if="show" :type="'提交'" ref="list" @changeInformation="changeInformation">
        </policy-list>
        <el-dialog title="保险单修改" :visible.sync="changeShow"  v-if="changeShow" size="large" :before-close="bClose">
            
            <div style="height:600px; overflow:scroll">
                <policy-show :type="'提交'" @close="close">
            </policy-show>
            </div>
        </el-dialog>
    </div>
</template>

<script>
import PolicyList from "@/components/Sell/PolicyList";
import PolicyShow from "@/components/Sell/policyShow";
export default {
  data() {
    return {
      show: false,
      changeShow: false
    };
  },
  components: {
    "policy-list": PolicyList,
    "policy-show": PolicyShow
  },
  methods: {
    changeInformation() {
      this.changeShow = true;
    },
    bClose(done) {
      this.$refs.list.getDate();
      done();
    },
    close() {
      this.$refs.list.getDate();
      this.changeShow = false;
    }
  },
  activated() {
    this.show = true;
    try {
      this.$refs.list.getDate();
    } catch (error) {
      
    }
    
  }
};
</script>

<style>

</style>
